<template>
  <div>

    <router-view />


    <!-- 底部选项卡 -->
    <van-tabbar v-model="active" route>
      <van-tabbar-item name="home" icon="home-o" replace to="/home/index">首页</van-tabbar-item>
      <van-tabbar-item name="search" icon="shopping-cart-o" replace to="/home/shopping">商城</van-tabbar-item>
      <van-tabbar-item name="friends" icon="orders-o" replace to="/home/order">订单</van-tabbar-item>
      <van-tabbar-item name="setting" icon="setting-o" replace to="/home/me">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const active = ref('home')
</script>
